<template>
  <div class="box"
       v-show="$store.state.msgshow">
    <div class="mess">
      <div class="icon">√</div>
      <label>保存成功</label>
    </div>
  </div>
</template>
<script>
export default {
  name: 'msgbox',

}
</script>
<style lang="scss" scoped>
.box {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  .mess {
    width: 100px;
    height: 100px;
    background: #0006;
    margin: auto;
    border-radius: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    .icon {
      font-size: 40px;
    }
  }
}
</style>